﻿@using OSharp.Web.Mvc.Extensions

@{
    ViewBag.Title = "Welcome";
}
@section script
{
    <script src="~/Scripts/miniui/miniui.min.js"></script>
    <script src="~/Scripts/com/ui-miniui.js"></script>
    <script type="text/javascript">
        var icons = ["icon-add", "icon-addnew", "icon-edit", "icon-remove", "icon-save", "icon-close", "icon-cut", "icon-ok",
                      "icon-no", "icon-cancel", "icon-reload", "icon-search", "icon-print", "icon-help", "icon-undo", "icon-redo",
                      "icon-tip", "icon-zoomin", "icon-zoomout", "icon-goto", "icon-date", "icon-filter", "icon-find",
                      "icon-folder", "icon-folderopen", "icon-lock", "icon-unlock", "icon-new", "icon-node", "icon-nowait",
                      "icon-sort", "icon-wait", "icon-upgrade", "icon-downgrade", "icon-download", "icon-upload", "icon-user",
                      "icon-split", "icon-addfolder", "icon-expand", "icon-collapse"
        ];

        function createButtons(id) {
            var el = document.getElementById(id);
            var html = "";
            for (var i = 0, l = icons.length; i < l; i++) {
                var icon = icons[i];
                html += '<a class="mini-button" iconCls="' + icon + '">' + icon + '</a>';
            }
            el.innerHTML = html;
            mini.parse();
        }

        createButtons("icon");
    </script>
}
<div>
    @{
        for (int i = 1; i < 471; i++)
        {
            var c = "pic_" + i;
            <span style="display: inline-block;" class="@c"></span><span>@c</span>
            if (i % 10 == 0)
            {
                <br />
            }
        }
    }
    <h4>mini icon</h4>
    <br /><br /><br />
    <div id="icon"></div>
</div>